<!DOCTYPE html>
<html>

<head>
  <title>Todo App</title>
  <link rel="stylesheet" href="{{ url_for('static', filename='materialize/css/materialize.css') }}">
</head>

<body>

  <nav>
    <div class="nav-wrapper">
      <a href="{{ url_for('index') }}" class="brand-logo">ToDo</a>
      <ul id="nav-mobile" class="right hide-on-med-and-down">
        <li><a href="{{ url_for('index') }}">HOME</a></li>
        <li><a href="{{ url_for('add_task_page') }}">CREATE</a></li>
        <li><a href="{{ url_for('fake_data') }}">FAKE</a></li>
        <li><a href="{{ url_for('export_data') }}">EXPORT</a></li>
        <li><a href="{{ url_for('backup_database') }}">BACKUP</a></li>
      </ul>
    </div>
  </nav>

  <div class="container">

    {% block content %}
    <!-- 这里将是子模板填充的内容区域 -->
    {% endblock %}

  </div>
  <script src="{{ url_for('static', filename='jquery-3.5.1.min.js') }}"></script>
  <script src="{{ url_for('static', filename='materialize/js/materialize.js') }}"></script>

  {% block scripts %}

  {% endblock %}


</body>

</html>